<template>
  <div class="wrapperPage">
    <v-header />
    
    <div class="content_index">
      <transition name="move" mode="out-in">
        <div>
          <keep-alive :max="20">
            <router-view v-if="$route.meta.keepAlive"></router-view>
          </keep-alive>
          <router-view v-if="!$route.meta.keepAlive"></router-view>
        </div>
      </transition>
    </div>
    <!-- <v-home /> -->
    <v-footer />


  </div>
</template>

<script>
  import vHeader from './p-header.vue'
  // import vHome from './components/page/index.vue'
  import vFooter from './p-footer.vue'

  export default {
    name: 'App',
    data() {
      return {
        tagsList: [],
        collapse: false,
      };
    },
    components: {
      vHeader,
      // vHome,
      vFooter
    }
  }
</script>
